<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Galicia Office</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="content/default/styles.css" />
    <link rel="stylesheet" type="text/css" href="content/default/styles-new.css" />
    <link rel="stylesheet" href="content/default/jquery-ui.css" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="content/default/ie8-and-down.css" />
    <![endif]-->
    <script src="js/jqueryfwk/jquery-1.7.2.min.js"></script>
    <script src="js/jqueryfwk/jquery.customSelect.js"></script>
    <script src="js/Placeholders.min.js"></script>
    <script src="js/site.js"></script>
    <script src="js/jqueryfwk/jquery-ui-1.10.3.custom.min.js"></script>
    <script>
        $(function() {
            $( "#datepicker" ).datepicker({
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true
            });
        });
    </script>
    <!--[if IE]>
    <script src="js/tags-html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="js/IE8.js"></script>
    <![endif]-->
</head>
<body>
    <div id="main-container">
    <header>
        <div class="header-container">
            <div class="left"><img src="images/commons/logo-go.png" alt="Galicia Office" /></div>
            <div class="right header-data">
                <div class="filtro-search" style="display: none;">
                    <a class="default" href="#" title="filtrar búsqueda por">Todos</a>
                    <ul>
                        <li class="todos"><a href="#">Todos</a></li>
                        <li class="funcionalidades activo"><a href="#">Funcionalidades</a></li>
                        <li class="operaciones"><a href="#">Operaciones</a></li>
                        <li class="comunidades"><a href="#">Comunidades</a></li>
                    </ul>
                </div>
                <div class="cont-search-results">
                    <div class="cont-search">
                        <input type="text" placeholder="Encontrá lo que necesitás hacer en GO..." />
                        <a href="#">Buscar</a>
                    </div>
                    <div class="cont-results">
                        <ul>
                            <li class="todos"><a>Resultado 1</a></li>
                            <li class="funcionalidades"><a>Resultado 2</a></li>
                            <li class="operaciones"><a>Extracciones de cajeros automáticos en la provincia de Buenos Aires</a></li>
                            <li class="todos"><a>Resultado 4</a></li>
                        </ul>
                    </div>
                </div>
                <span class="date">16/03/2013 </span><span class="time">18:10</span>
                <button class="icon-out">Salir</button>
            </div>
        </div>
    </header>
        <!---Menu principal --->
    <nav>
        <ul class="main-menu">
            <li class="active"><a href="#">Cuentas</a>
                <div class="hover-menu">
                    <div class="cont-menu"> <!---Contenedor General BOX ---->
                        <div class="cont-menu-compuesto">
                            <ul> <!--SÓLO 5 <LI> -->
                                <li><span>COBRANZA INTEGRADA GALICIA</span>
                                    <ul class="level-1">
                                        <li>
                                            <a class="inactivo" href="#">link 1-1 muy largo, demsaiado largo
                                                    <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">Se encuentra fuera del horario</div>
                                                    </span>
                                            </a>
                                        </li>
                                        <li><a class="inactivo firma" href="#">Nuevo nombre completo
                                                 <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">Falta firma digital</div>
                                                    </span>
                                        </a></li>
                                        <li><a class="inactivo permiso" href="#">link 4-1
                                                 <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                        </a></li>
                                        <li><a href="#">link 1-3</a></li>
                                    </ul>
                                </li>
                                <li><span>Ventanilla electrónica</span>
                                    <ul class="level-1">
                                        <li><a href="#">link 2-1</a>
                                        <li><span>link 2-2</span>
                                            <ul class="level-2">
                                                <li><a href="#">link 2-2 B</a></li>
                                                <li><a href="#">link 2-2 C</a></li>
                                                <li><a href="#">link 2-2 D</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">link 2-3</a></li>
                                    </ul>
                                </li>
                                <li><span>Servicios de recaudaciones</span>
                                    <ul class="level-1">
                                        <li><a class="inactivo permiso" href="#">link 4-1
                                             <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                        </a></li>
                                        <li><a href="#">link 4-2</a></li>
                                        <li><a href="#">link 4-3</a></li>
                                        <li><a href="#">link 4-4</a></li>
                                    </ul>
                                </li>
                                <li><span>Cobranza con tarjetas</span>
                                    <ul class="level-1">
                                        <li><a href="#">link 5-1</a></li>
                                        <li><a href="#">link 5-2</a></li>
                                        <li><a href="#">link 5-3</a></li>
                                        <li><a href="#">link 5-4</a></li>
                                        <li><a href="#">link 5-5</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Pago directo</a>
                                </li>
                            </ul>
                            <ul> <!--SÓLO 5 <LI> -->
                                <li><span>COBRANZA INTEGRADA GALICIA</span>
                                    <ul class="level-1">
                                        <li><a class="inactivo permiso" href="#">link 1-1
                                             <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                        </a></li>
                                        <li><a href="#">link 1-2</a></li>
                                        <li><a href="#">link 1-3</a></li>
                                        <li><a href="#">link 1-4</a></li>
                                    </ul>
                                </li>
                                <li><span>Ventanilla electrónica</span>
                                    <ul class="level-1">
                                        <li><span>link 2-2</span>
                                            <ul class="level-2">
                                                <li><a href="#">link 2-2 B</a></li>
                                                <li><a class="inactivo firma" href="#">link 2-2 A
                                                     <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">No tiene firma digital</div>
                                                    </span>
                                                </a></li>
                                                <li><a href="#">link 2-2 D</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">link 2-3</a></li>
                                    </ul>
                                </li>
                                <li><a href="#" class="inactivo">Transacciones
                                     <span class="cont-tooltip left">
                                                     <div class="arrow"></div>
                                                     <div class="tooltip">Falta firma digital</div>
                                                    </span>
                                </a>
                                </li>
                                <li><a class="inactivo permiso" href="#">Operaciones inmediatas</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            <li><a href="#">cobros</a>
                <div class="hover-menu">
                    <div class="cont-menu"> <!---Contenedor General BOX ---->
                        <div class="cont-menu-compuesto">
                            <ul> <!--SÓLO 5 <LI> -->
                                <li><span>COBRANZA INTEGRADA GALICIA</span>
                                    <ul class="level-1">
                                        <li>
                                            <a class="inactivo" href="#">link 1-1 muy largo, demsaiado largo
                                                    <span class="cont-tooltip left">
                                                        <div class="arrow"></div>
                                                        <div class="tooltip">Se encuentra fuera del horario</div>
                                                    </span>
                                            </a>
                                        </li>
                                        <li><a class="inactivo firma" href="#">Nuevo nombre completo
                                                 <span class="cont-tooltip left">
                                                        <div class="arrow"></div>
                                                        <div class="tooltip">Falta firma digital</div>
                                                    </span>
                                        </a></li>
                                        <li><a class="inactivo permiso" href="#">link 4-1
                                                 <span class="cont-tooltip left">
                                                        <div class="arrow"></div>
                                                        <div class="tooltip">No tiene los permisos</div>
                                                    </span>
                                        </a></li>
                                        <li><a href="#">link 1-3</a></li>
                                    </ul>
                                </li>
                                <li><span>Ventanilla electrónica</span>
                                    <ul class="level-1">
                                        <li><a href="#">link 2-1</a>
                                        <li><span>link 2-2</span>
                                            <ul class="level-2">
                                                <li><a href="#">link 2-2 B</a></li>
                                                <li><a href="#">link 2-2 C</a></li>
                                                <li><a href="#">link 2-2 D</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">link 2-3</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Pago directo</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            <li><a href="#">Pagos</a></li>
            <li><a href="#">HABERES</a></li>
            <li><a href="#">Inersiones</a></li>
            <li><a href="#">COMERCIO EXTERIOR</a></li>
            <li><a href="#">TARJETAS</a></li>
            <li class="last-child"><a href="#">Prestamos</a></li>
        </ul>
    </nav>
        <!--- Left --->
    <aside>
        <div class="company-data">
            <ul class="info">
                <!--<li class="company-logo"><span><img src="logo-empresa.png" /></span></li>-->
                <li class="company-name">Nombre de la Empresa</li>
            </ul>
            <p>Ultimo acceso <span>23:45</span></p>
        </div>
        <div class="user">
            <span class="arrow"></span>
            <a class="alerta" href="#">
                <h1>Nombre de usuario</h1>
                <p>Configurar mi usuario</p>
            </a>
        </div>
        <ul class="company-links">
            <li class="icon-messages" ><a  href="#"><span class="alerta">Bandeja de Mensajes</span></a>
            </li>
            <li class="icon-admin"><a href="#"><span>Administrar Empresa</span></a></li>
            <li class="icon-consult-oper"><a href="#"><span>Consulta de Operaciones</span></a></li>
            <li class="icon-accept-oper" ><a href="#"><span>Autorizar Operaciones</span></a></li>
            <li class="icon-download-files"><a href="#"><span>Descarga de Archivos</span></a></li>
        </ul>
        <p class="aside-data">Sucursales - Teléfonos</p>
        <ul class="aside-banners">
            <li><a href="#" target="_blank"><img src="images/banners/aside-banner-comunidadRural.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
            <li><a href="#" target="_blank"><img src="images/banners/aside-banner-galiciaComex.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
            <li><a href="#" target="_blank"><img src="images/banners/aside-banner-buenosNegocios.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
        </ul>
    </aside>
        <!--- Right--->
        <section class="container">
            <div class="sub-container">
                <span class="icon-ayuda-general" title="En qué podemos ayudarte">?</span>
            <div class="banco-msj bottom ie">
                <h3 class="center">Usted realizó 1 solicitud de 4 permitidos</h3>
            </div>
            <div class="banco-msj bottom code">
                <div class="row">
                    <span>Código</span>
                    <span>LOG23545</span>
                </div>
                <div class="row">
                    <span>Mensaje</span>
                    <span>El usuario o clave son incorrectas.Vuelva a intentarlo.</span>
                </div>
                <div class="row sugest">
                    <span></span>
                    <span>Sino recuerda su clave, solicitar el blanqueo de clave.</span>
                </div>
                <div class="nota">
                    <p>Ante cualquier inconveniente, no dude en comunicarse con nuestros operadores de Fonobanco Empresas <a href="#">enviando su mensaje</a> o llamando al 6329-6527 opción 2.
                    <span>De lunes a viernes de 8 a 20 hs.</span></p>
                </div>
            </div>
                <div class="banco-msj bottom">
                    <p>Si usted no recibió el mensaje en su celular, puede solicitar uno nuevo desde aquí: <a class="btn next" href="#">Nuevo código de aprobación</a></p>
                </div>
            <!----- Submenú ---------->
            <div class="headerContainer">Transferencias</div>
            <ul class="sub-menu">
                <li><a class="active" href="#"><span>A otros Bancos</a></span></li>
                <li><a href="#">Terceros Galicia</a></li>
                <li><a href="#">Más Beneficios</a></li>
            </ul>
            <!---------Formularios------------>
            <h4 class="form-title"><span>Cambio de clave</span></h4>
            <DIV class="banco-msj bottom"><h2>Administre sus opciones de seguridad. Por medio de este módulo usted podrá gestionar:</h2>
                    <H3>Clave de Acceso </H3>
                <span>Mediante esta funcionalidad usted podrá cambiar su clave de acceso a Galicia Office.</span>
                <H3>Firma Digital</H3>
                <span>Desde esta opción usted podrá solicitar la renovación de su certificado digital o solicitar un nuevo certificado mediante el botón Generar Solicitud.</span>
                <H3>Teléfonos</H3>
                <span>Esta opción le permitirá modificar sus teléfonos actualmente cargados, o en caso de no contar con ninguno registrado, cargar todos sus datos telefónicos mediante el botón Generar Solicitud.</span>
            </DIV>
            <h1>Generación de solicitud</h1>
            <DIV class="banco-msj bottom">
                <div class="important">
                <P>La registraciÛn de sus datos de seguridad requiere el envÌo de la presente solicitud, firmada por los representantes legales de la empresa. La misma debe ser presentada en la misma sucursal de radicaciÛn de sus cuentas o al:</P>
                <P align="center">Centro de AtenciÛn a Empresas (CAE)<BR>San MartÌn 200 PB (CP 1038) - Ciudad AutÛnoma de Buenos Aires.<BR>Horario de atenciÛn: 10 a 15 hs.</P>
                </div>
                <P>agna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidat</P>
            </DIV>
            <h1>Recuperación de Claves</h1>
            <DIV class="banco-msj bottom">
                <div class="important">
                    <P>La registraciÛn de sus datos de seguridad requiere el envÌo de la presente solicitud, firmada por los representantes legales de la empresa. La misma debe ser presentada en la misma sucursal de radicaciÛn de sus cuentas o al:</P>
                    <h3 align="center">Centro de AtenciÛn a Empresas (CAE)<BR>San MartÌn 200 PB (CP 1038) - Ciudad AutÛnoma de Buenos Aires.<BR>Horario de atenciÛn: 10 a 15 hs.</h3>
                </div>
            <div class="nota">
                <p>Ante cualquier inconveniente, no dude en comunicarse con nuestros operadores de Fonobanco Empresas <a href="#">enviando su mensaje</a> o llamando al 6329-6527 opción 2. <span>De lunes a viernes de 8 a 20 hs.</span> </p>

            </div>
            </div>
            <div class="banco-msj bottom alerta">
                <h3 class="center">Usted realizó 1 intento fallido de 3 permitidos</h3>
            </div>
            <div class="banco-msj bottom alerta">
                <h3 class="center">Usted realizó 1 solicitud de 4 permitidos</h3>
            </div>
            <!---------Fin - Formularios------------>
          </div>
        </section>
        <footer><p>Salvo error u omisión (S.E.U.O)</p></footer>
    </div>
</body>
</html>